<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>过滤器</title>
  <script src="../js/dayjs.min.js"></script>
  <script src="../js/vue.js"></script>
</head>
<body>
<div class="app">
  <h2>time1: {{ Date.now() }}</h2>
  <h2>time2: {{ Date.now() | formatTime }}</h2>
  <h2>time3: {{ Date.now() | formatTime | mySlice }}</h2>
</div>
</body>
<script>
  // 全局注册过滤器
  Vue.filter("formatTime", value => dayjs(value).format('YYYY-MM-DD HH:mm:ss'))
  Vue.filter("mySlice", value => value.slice(0,4))

  Vue.config.productionTip = false
  const vm = new Vue({
    el: '.app',
    data: {},
    filters: {
      // 局部注册过滤器
      // formatTime(value) {
      //   return dayjs(value).format('YYYY-MM-DD HH:mm:ss')
      // },
      // mySlice(value) {
      //   return value.slice(1,3)
      // }
    }
  })
</script>
</html>